<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--border边框
    colspan 列合并
-->
<table border="1">
    <tr><!--table row 表示行
            table data 表示列 但合并列需要删掉 不然会挤-->
        <td colspan="2">|1-1</td>

        <td rowspan="2">1-3</td>

    </tr>
    <tr>
        <td rowspan="2">|2-1</td>
        <td>2-2</td>


    </tr>
    <tr>

        <td colspan="2">3-2</td>


    </tr>
</table>
<hr>
<!--caption 表头-->
<table border="1">
    <caption>购物车</caption>
    <tr>
        <td>编号</td>
        <td>商品名字</td>
        <td>价格</td>
    </tr>
    <tr>
        <td>第一个</td>
        <td>极氪001</td>
        <td>300000</td>
    </tr>
    <tr>
        <td>第二个</td>
        <td>只能马桶</td>
        <td>3000</td>
    </tr>
    <tr>
        <td>第三个</td>
        <td>上官婉儿皮肤</td>
        <td>128</td>
    </tr>
    <tr>
        <td>总价</td>
        <td colspan="2" align="right">303128</td>
    </tr>
</table>




</body>
</html>